{dede:include filename="header.htm"/}

<script type="text/javascript">
    function Onclick(){
        $("#showimg").toggleClass('lcys_min');
        $("#showimg").toggleClass('lcys_max');
    }
</script>

<div id="NoviceGuide-Slide">
    <a href="#" title="流程演示" >
        <img src="http://bm.com.cn/templets/bm/image/NoviceGuide-Slide.jpg" alt="流程演示">
    </a>
</div>





<div id="lcys">
    <div class="lcys-center">

        <div id="lcys_weizhi"><span>您当前位置:{dede:field name='position'/}</span></div>

        <div class="lcys-content">

            <!--编辑内容-->
            <!-- {dede:field.content/} -->
                <div style="width:900px;margin: 0 auto;">
                    <button type="button" class="button-blue-larrow" id="pre" onMouseOver="this.className='Up'" onMouseOut="this.className='button-blue-larrow'" title="上一步" style="cursor:pointer">上一步</button>
                    <button type="button" class="button-blue-rarrow"  onMouseOver="this.className='Up2'" onMouseOut="this.className='button-blue-rarrow'" title="查看大图" style="cursor:pointer" onclick="Onclick()">查看大图</button>
                </div>
                <div id="one_layer">
                    <div class="two_layer">
                        <!--<img id="showimg" class="lcys_min" style="width:990px;height:577px;" src="/templets/bm/image/lcys1.gif" />-->
                        <img id="showimg" class="lcys_min" src="/templets/bm/image/lcys1.gif" onclick="Onclick()" />
                        <!-- <a style="left:397px;top:395px;width:100px;height:45px;" id="next"></a> -->
                        <a style="left:95px;top:35px;width:805px;height:408px; cursor: pointer; position: absolute;" id="next"></a>
                        <a style="" id="pre"></a>
                        <a style="left:397px;top:395px;width:100px;height:45px;" id="next2"></a>
                        <a style="left:397px;top:395px;width:100px;height:45px;" id="next3"></a>
                        <a style="left:397px;top:395px;width:100px;height:45px;" id="next4"></a>
                        <a style="left:397px;top:395px;width:100px;height:45px;" id="next5"></a>
                        <a style="left:397px;top:395px;width:100px;height:45px;" id="next6"></a>
                    </div>
                </div>

            <!--编辑内容-->

        </div>
    </div>
</div>

{dede:include filename="footer.htm"/}

<script type="text/javascript"> 
//$=function(obj){return document.getElementById(obj);}
//图片地址 
var imgsrc= new Array(); 
imgsrc[0]="/templets/bm/image/lcys1.gif"; 
imgsrc[1]="/templets/bm/image/lcys2.gif"; 
imgsrc[2]="/templets/bm/image/lcys3.gif"; 
imgsrc[3]="/templets/bm/image/lcys4.gif"; 
imgsrc[4]="/templets/bm/image/lcys5.gif"; 
imgsrc[5]="/templets/bm/image/lcys6.gif"; 
imgsrc[6]="/templets/bm/image/lcys7.gif"; 
imgsrc[7]="/templets/bm/image/lcys8.gif"; 
imgsrc[8]="/templets/bm/image/lcys9.gif"; 
imgsrc[9]="/templets/bm/image/lcys10.gif"; 
imgsrc[10]="/templets/bm/image/lcys11.gif"; 
imgsrc[11]="/templets/bm/image/lcys12.gif"; 
imgsrc[12]="/templets/bm/image/lcys13.gif"; 
imgsrc[13]="/templets/bm/image/lcys14.gif"; 
imgsrc[14]="/templets/bm/image/lcys15.gif"; 
imgsrc[15]="/templets/bm/image/lcys16.gif"; 
imgsrc[16]="/templets/bm/image/lcys17.gif"; 
imgsrc[17]="/templets/bm/image/lcys18.gif"; 
imgsrc[18]="/templets/bm/image/lcys19.gif"; 
imgsrc[19]="/templets/bm/image/lcys20.gif"; 
imgsrc[20]="/templets/bm/image/lcys21.gif"; 
imgsrc[21]="/templets/bm/image/lcys22.gif"; 
imgsrc[22]="/templets/bm/image/lcys23.gif"; 
imgsrc[23]="/templets/bm/image/lcys24.gif"; 
imgsrc[24]="/templets/bm/image/lcys25.gif"; 
imgsrc[25]="/templets/bm/image/lcys26.gif";
imgsrc[26]="/templets/bm/image/lcys27.gif";
imgsrc[27]="/templets/bm/image/lcys28.gif";
imgsrc[28]="/templets/bm/image/lcys29.gif";
imgsrc[29]="/templets/bm/image/lcys30.gif";

//图片预加载 
var arr = new Array(); 
for(var i=1; i<=imgsrc.length; i++) { 
arr[i] = new Image(); 
arr[i].src=imgsrc[i]; 
arr[i].onload; 
} 

i=0; 

$("#next").onclick=function (){
i++; 
if(i>=imgsrc.length){i=0} 
$("#showimg").setAttribute("src",imgsrc[i]);

} 
$("#pre").onclick=function (){
i--; 
if(i<0){i=imgsrc.length-1} 
$("#showimg").setAttribute("src",imgsrc[i]);

} 


</script> 

</body>
</html>